<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!-- 
			Dom(Document Object Model)：文档对象模型，将Html文档看做是一个对象。
										然后提供用于操作对象的相关方法以实现通过Js来操作Html文档的目的。
			Bom(Browser Object Model)：浏览器对象模型，将浏览器看做是一个对象，
										然后提供用于对象操作的相关方法以达到通过Html操作浏览器的目的。
										
				在bom模型中，window是最顶级对象。其中包含了很多函数及子对象。							
		-->
		
		<script type="text/javascript">
			/*
			//1、window对象的函数
			//调用window对象的alert()函数
			window.alert("window.alert().....")
			//当函数(对象)的所属父对象为window时，可以省略不写
			alert("alert()......")
			//window.confirm()
			//confirm():具有返回值的消息框，多用于在确认中进行使用
			//confirm()的返回值为boolean类型返回值
			var r = confirm("您确认要删除该数据吗？");
			console.log("r = " + r);
			
			//2、location：定位，提供用于进行跳转的相关方法
			//属性方式
			//location.href="http://baidu.com";
			//函数方式
			location.assign("http://baidu.com");
			location.replace("http://baidu.com");
						
			//3、screen：窗口的相关信息
			console.log("width:" + screen.width);
			console.log("height:" + screen.height)
			console.log("availHeight:" + screen.availHeight);
			console.log("availWidth:" + screen.availWidth)
			*/
			
			//4、history：历史
			//history.back()
			//history.forward();
			//history.go()
		</script>
	</head>
	<body>
		<input type="button" onclick="javascript:history.back()"/>
	</body>
</html>
